function Header(props) {
    return ( <div>
        <input 
        placeholder="添加计划"
        //value绑定到temp的title
        value={props.temp.title} 
        onKeyUp={e=>{
            //  当回车键执行添加item
            if(e.code==="Enter"){
                props.addItem()
            }
        }}
         onChange={e=>{
            // 当用户输入 更新temp
            // 把props.temp解构，添加title为当前表单的值
            props.updateTemp({...props.temp,title:e.target.value})
         }}
        />
        {/* 点击添加时候执行addItem方法 */}
        <button onClick={()=>props.addItem()}>添加</button>
    </div> );
}

export default Header;